
<!--左侧导航-->
<style type="text/css">
    .searchMenuClass .layui-select-title .layui-input { background-color: #001529 !important; border-color: #001529 !important; color: #fff; }
    .searchMenuClass .layui-select-title i{display: none;}
</style>
<link href="<@baseUrl url='/static/comm/css/animate.css'/>" rel="stylesheet">
<script src="<@baseUrl url='/static/comm/js/layout/menu.js'/>"></script>
<div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side">
    <div style='height: 50px; width: 100%; background-image: url("<@baseUrl url='/static/comm/img/top-line.png'/>")'></div>
    <div style="position: absolute; margin-top: -50px;"><img src="<@baseUrl url='/static/comm/img/logo.png'/>" style=" width: 100%; height: 40px;"></div>
<#--    <ul class="layui-nav admin-header-item" style="background-color: #20222A !important">-->
<#--        <li class="layui-nav-item"> <a href="javascript:;" class="admin-header-user"> <img src="<@baseUrl url='/static/comm/img/0.jpg'/>" /> <span class="usermwidth">${layoutUsername}</span> </a>-->
<#--            <dl class="layui-nav-child">-->
<#--                <dd> <a id="fullScreenBtn" href="#"><i class="layui-icon layui-icon-screen-full" aria-hidden="true"></i> 全屏</a> </dd>-->
<#--                <dd> <a class="logoutBtn" href="#"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a> </dd>-->
<#--            </dl>-->
<#--        </li>-->
<#--    </ul>-->
<#--    <ul class="layui-nav admin-header-item-mobile">-->
<#--        <li class="layui-nav-item"> <a class="logoutBtn" href="#"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a> </li>-->
<#--    </ul>-->
    <ul class="layui-nav layui-nav-tree beg-navbar">
        <div class="menuTree_box" style="background-color: #001529 !important"></div>
        <input id="layoutMenu" type="hidden" value="${layoutMenu}">
        <span class="layui-nav-bar" style="top: 22.5px; height: 0px; opacity: 0;"></span>
    </ul>


    <div id="aplayer" onmousemove="this.style.opacity=1" onmouseout="this.style.opacity=0.2" style="opacity:0.2;"></div>
</div>

<script id="menuTree_template" type="text/html">
    <div class="layui-form component searchMenuClass" lay-filter="LAY-site-header-component" style="color: #0D1206; padding: 2px;">
        <select lay-filter="searchMenu" lay-verify="required" lay-search="">
            <option value="">        搜索菜单</option>
            {{each data menuLevel1 i}}
                {{each menuLevel1.children menuLevel2 j}}
                <option value="{{menuLevel2.menuKey}}">{{menuLevel2.menuName}}</option>
                {{/each}}
            {{/each}}
        </select>
    </div>
<#--    <hr class="layui-bg-green">-->
    {{each data menuLevel1 i}}
    <li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-cogs" aria-hidden="true" data-icon="fa-cogs"></i><cite>{{data[i].menuName}}</cite></a>
        <dl class="layui-nav-child">
            {{each menuLevel1.children menuLevel2 j}}
            <dd id="{{menuLevel2.menuKey}}" menu="{{menuLevel2.href}}" target="{{menuLevel2.target}}" breadcrumb="{{menuLevel2.breadcrumb}}">
                <a href="<#noparse>#</#noparse>{{menuLevel2.menuKey}}" onclick="navMenu(this);">
                    <i class="layui-icon" data-icon=""></i><cite>{{menuLevel2.menuName}}</cite>
                </a>
            </dd>
            {{/each}}
        </dl>
    </li>
    {{/each}}

</script>
<!--左侧导航END-->